@font-face {
	font-family: 'Montserrat';
	src: url('/style/font/Montserrat/Montserrat-Regular-8.otf');
}

@font-face {
	font-family: '思源黑体';
	src: url('/style/font/SourceHanSansCN/SourceHanSansCN-Regular.otf');
}

:root{
	--theme-color: #00b3e3;
	--full-screen: 100vh;
	--header-height: 120px;
	--other-full-screen: calc(100vh - var(--header-height));
	--normal: 16px;
	--container: 90%;
}

/* scroll */
.scroll-y{height: 100%; overflow: hidden;}
.scroll-y .scroll-wrapper{height: auto;}

/* loading */
.loading{width: 100vw; height: 100vh; z-index: 999; top: 0; left: 0;}
.loading-bar{height: 6px; width: 0%; background: #187d21; position: absolute; bottom: 0; left: 0; transition: width 5s ease-in-out;}
.loading .txt{height: 3.125vw; width: 17.70833vw;}
.loading .txt .load{position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; height: 100%; width: 0%; transition: width 5s ease-in-out;}
.loading .load .imgbox{height: 100%;}
.loading .load img{height: 100%; max-width: unset; width: unset;}
.loading p{color: #666; margin-top: 1vw; text-align: center; font-size: var(--normal); word-wrap: break-word; white-space: nowrap; top: 55%;}

/* header */
header{position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 100;}
.logo img{width:80%}
.head{height: var(--header-height);}
.header .logo{width: 16vw;}
.header{height: var(--header-height); width: var(--container); margin: 0 auto; background: #fff; position: relative; z-index: 10;}
header .panel{position: absolute; top: 100%; left: 0; width: 100vw; height: 0; z-index: 5; border-top: 1px solid #ccc; overflow: hidden; transition: 1s;}
header .panel::before{content: ''; display: block; height: 40%; background: #fff;}
header .panel::after{content: ''; display: block; height: 60%; background: rgba(0, 0, 0, 0.4);}

header.on .panel{height: var(--other-full-screen);}
header.on .nav dd{height: auto; opacity: 1;}
/* nav */
nav,.nav{height: 100%;}
.nav .item{margin: 0 1vw; position: relative; padding: 0 2vw; height: 100%; display: flex; align-items: center;}
.nav a{font-size: 16px; color: #000; position: relative;}

.nav a:hover{color: #187d21}
.nav a.on{color:#187d21}
.nav a.on::after{opacity: 1;}
.nav a:hover::after{opacity: 1;}
.nav dd{position: absolute; left: 0; top: 100%; text-align: center; width: 100%; display: flex; flex-direction: column; align-items: center; overflow: hidden; height: 0; opacity: 0; transition: 2s;}
.nav dl{margin-top: 1.5vw; width: -moz-fit-content; width: fit-content;}

@media only screen and (min-width: 1200px) and (max-width: 1600px){
	.nav a{font-size: 14px;}
	.logo img{width:70%}
	.header .logo{width: 20vw;}
}
/* index-banner */
.index-banner{position: relative;}
.index-banner-console{bottom: 2vw; width: 90%; z-index: 1;}
.index-banner-console .fraction{font-size: 18px;}
.index-banner-console .fraction .current{font-size: 50px;}
.index-banner-console .bullets{--swiper-theme-color: #fff;}
.index-banner-console .bullets .swiper-pagination-bullet{background: #fff; opacity: 1; margin: 0.6vw; width: 5px; height: 5px; position: relative;}
.index-banner-console .swiper-pagination-bullet::before{content: ''; display: block; --size: 15px; width: var(--size); height: var(--size); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 3px solid #fff; transition: 0.5s; opacity: 0;}
.index-banner-console .swiper-pagination-bullet-active::before{opacity: 1;}

.index-banner-console .arr,.banner .arr{
	border: 1px solid #fff;
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
  --size: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-banner-console .delta,.banner .delta{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; position: relative; animation: upDown 1.5s infinite ease;}
.index-banner-console .delta::before,.banner .delta::before{content: ''; display: block; height: 2.5vw; width: 1px; background: #fff; position: absolute; bottom: 0;}

@keyframes upDown{
	0%{
		-webkit-transform: translateY(-5px);
		-moz-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	50%{
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}
	100%{
		-webkit-transform: translateY(-5px);
		-moz-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

.index-banner-console .item{position: relative;}
.index-banner-console .item .imgbox{width: 100%; height: 100%;}
.index-banner .banner-title{top: 26%; color: #fff; font-size: 50px;}

/* banner */
.banner .arr{bottom: 2vw;}
.banner .title{--title1: 46px; --title2: 14px; font-weight: bold; text-align: center; top: 45%;}
.banner .title h1{font-weight: 400;}


.btnDiv{ padding-top: 30px; }
.btnDiv a{ float: left; display: block; width: 155px; height: 44px; background:#187d21; line-height: 44px; color: #fff; font-size: 14px; font-weight: bold; text-align: center;}
.btnDiv a:hover{ color: #fff;}



/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/
/* footer */
footer{background: #fff; padding-top: 4vw; color: #333;width: 100%; float: left;}
footer a{color: #333;display:inline-block;color:#888;}

.footer{margin: 0 auto; font-size: 14px;}
.footer .logo{    width: 16vw; margin: auto; }
.footer .part .qr{width: 7vw;}
.footer .wrap{padding: 0 10%;}
.footer .copyright{color: #888; padding: 1.7vw 10%; border-top: 1px solid #ccc; margin-top: 2vw;    text-align: center;}
.footer .icon-links a{margin-right: 1vw;}
.footer .icon-links{margin-top: 1.7vw;}
.footer pre{margin-top: 2vw; line-height: 2;}
.footer .toUp{text-align: center; cursor: pointer;}
.footer .toUp .iconfont{margin-bottom: 0.5vw; font-size: 20px;}
.footer .wrap .part{padding: 0 5vw;}
.footer .part .title{font-weight: bold; margin-bottom: 1vw;font-size: 16px;}
.footer .part .item{margin-bottom: 0.5vw;}
.footer .part{border-right: 1px solid #ddd;}
.footer .part:last-child{border: none;}
.footer .part a{width: -moz-fit-content; width: fit-content; border-bottom: 1px solid #fff; transition: 0.5s;}
.footer .part a:hover{color: #187d21; }
.footer .toUp p{color: #888;}


@media only screen and (min-width: 1200px) and (max-width: 1600px){
	.footer .logo{    width: 20vw; margin: auto; }
}

/* index */
.index .wrapper{width: 80%; margin: 0 auto;}
.index1{padding: 4vw 0;}
.index1 .title{--title1: 52px; --title2: 24px; border-bottom: 1px solid #ccc; padding-bottom: 2.5vw;}
.index1 .title span{color: #187d21;}
.index1 .cont{margin-top: 2vw;}
.index1 .count{font-size: 52px; font-weight: bold; font-family: 'Montserrat';}
.index1 em{font-size: 30px;}
.index1 .cont .item .num{justify-content: center;}
.index1 .cont .item p{font-size: 14px;}
.index1 .cont .item{flex: 1; text-align: center;}
.index1 .cont > div{width: 50%;}
.index1 .cont .edit-box{line-height: 2;    width: 90%;}
.index1 .cont .edit-box.en{color: #888;}
.index1 .view-more{color: #187d21; --size: 8vw; --bg: #fff; --color: #187d21; --border-color: #187d21; margin-top: 4vw; transition: 0.5s;}
.index1 .view-more span{font-size: 14px; font-weight: bold; margin-right: 5px;}
.index1 .view-more:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}

.index2 .play-btn{--size: 4vw; --bg: #187d21; cursor: pointer;}
.index2::before{content: ''; background: url(../img/index2-dot.png) no-repeat; background-size: cover; width: 5.73vw; height: 3.39vw; display: block; position: absolute; top: 0; left: 5%; transform: translateY(-60%); z-index: 1;}
.index2::after{content: ''; background: url(../img/EDFM.png) no-repeat; background-size: cover; display: block; position: absolute; bottom: 0; right: 0; z-index: 1; width: 45.83vw; height: 13.28vw; transform: translateY(4.8vw);}

.index3{background: #f6f6f6; padding: 4vw 0 4vw;}
.index3 .title{--title1: 46px; --title2: var(--normal);}
.index3 .title h2{font-size: 36px;}
.index3 .title p{margin-top: 1vw;}
.index3 .wrap{}

.index3 .list{margin-top: 1vw; width: 40%;}
.index3 .tit{font-size: 24px;}
.index3 .tit .id{font-size: 18px; color: #bbb; display: inline-block; transform: translateY(-100%); transition: color 0.5s;}
.index3 .list .desc{margin-top: 1vw; font-size: 14px; line-height: 1.5; display: none; color: #555;}
.index3 .list .item{padding: 1vw 0; border-bottom: 1px solid #ccc; transition: border-color 0.5s; cursor: pointer; color: #000;}
.index3 .swipers{width: 55%;  position: relative;}
.index3 .swiper-container{position: relative;}

@keyframes rotate{
/* 	0%{
		transform: rotate(0deg);
	} */
	100%{
		transform: rotate(360deg);
	}
}

.index3 .swipers .console{width: 33.33%; background: #f6f6f6; position: absolute; right: 0; bottom: 0; z-index: 1; padding: 1.5vw 2.5vw;}
.index3 .console .swiper-pagination-current{font-size: 24px; font-weight: bold;}
.index3 .console .pagin{font-size: var(--normal); text-align: center;}
.index3 .console .iconfont{color: #c3c3c3;}

.index3 .list .item.active{border-color: #187d21;}
.index3 .list .item.active .id{color: #187d21;}
.index3 .list .item.active .desc{display: -webkit-box;}

.index4{padding: 4vw 0; padding-left: 10%;}
.index4 .title{--title1: 52px; padding-right: 10%;}
.index4 .title .t{font-size: 40px; color: #000; font-weight: 400;}

.s-nav .item{--space: 1vw; margin-bottom: 0; cursor: pointer;}
.s-nav .item span{font-size: var(--normal); color: #000; transition: color 0.5s;}
.s-nav .item .iconfont{opacity: 0; transition: opacity 0.5s; color: #187d21;}

.s-nav .item:hover .iconfont{opacity: 1;}
.s-nav .item.active .iconfont{opacity: 1;}
.s-nav .item:hover span{color: #187d21;}
.s-nav .item.active span{color: #187d21;}

.index4 .swipers{margin-top: 2vw;}
.index4 .swipers .swiper-slide{width: 31.25vw;}
.index4 .swipers .swiper-slide:hover .tit{color: #187d21;}
.index4 .swipers .imgbox{width: 100%; }
.index4 .swipers .tit{margin-top: 1vw; font-size: 18px; color: #000; transition: 0.5s;}
.index4 .swipers .desc{margin-top: 1.25vw; font-size: var(--normal); color: #888; line-height: 1.75;}
.index4 .console{margin-top: 2vw; width: 90%;}
.index4 .console .navigation{width: 5vw; margin-left: auto; margin-right: 0;}
.index4 .navigation .iconfont{font-size: 20px; color: #888; transition: 0.5s;}
.index4 .navigation > .click:hover .iconfont{color: #187d21;}
.index4 .scrollbar{height: 1px; background: #ddd; margin-top: 2vw; width: 90%; overflow: hidden;}
.index4 .swiper-scrollbar-drag{background: #187d21;}

.index5{background: #f6f6f6; padding: 4vw 0 4vw; padding-left: 10%;}
.index5 .title{--title1: 52px; position: relative;}
.index5 .title .t{font-size: 40px; color: #000; font-weight: 400;}
.index5 > .wrapper{width: calc(50% + 12.5vw); background: #fff; padding-right: 10%;}
.index5 .s-nav{padding:2vw 0;}
.index5 .line{width: 12.5vw; border-right: 1px solid #187d21; margin-right: -1vw;}

.index5 .cont-lists{margin-top: 1vw; overflow: auto; padding-left: 1vw; height: 30vw; margin-right: -20%; padding-right: 20%;}
.index5 .cont-lists .item{padding-left: 3vw; margin-bottom: 3.4vw;}

.index5 .cont-lists .date{color: #b0b0b0; font-size: var(--normal);}
.index5 .cont-lists .title{font-size: 18px; color: #000; margin: 1vw 0;}
.index5 .cont-lists .desc{font-size: 14px; color: #b8b8b8; line-height: 1.5;}

.index5 .cont-lists .title::before{content: ''; display: block; width: var(--size); height: var(--size); --size: 10px; --border: 3px; border-radius: 50%; border: var(--border) solid #187d21; position: absolute; top: 50%; right: calc(100% + 3vw - ((var(--size) + (var(--border) * 2) - 1px) / 2)); z-index: 1; transform: translateY(-50%); background: #fff; transition: background 0.5s;}

.index5 .cont-lists .item.active .title::before{background: #187d21;}

.index5 .img-swipers{position: absolute; left: 10%; top: 12vw; width: 36.5vw;}

.index5 .img-swipers .date{background: #222; z-index: 5; --size: 120px; width: var(--size); height: var(--size); --day: 56px; position: absolute; top: 2vw; right: calc(100% - (var(--size) / 2));}
.index5 .img-swipers .day{font-size: var(--day);}
.index5 .img-swipers .date span{color: #aaa; font-size: 14px;}

.index5 .img-swipers .swiper-pagination-bullet{background: #fff; border-radius: unset; margin: 0.25vw; opacity: 1;}
.index5 .img-swipers .swiper-pagination-bullet-active{background: #187d21;}

.index5 .img-swipers .view-more{--size: 7vw; --color: #187d21; --border-color: #187d21; margin-top: 3vw; transition: background 0.5s, color 0.5s;}
.index5 .img-swipers .view-more span{font-size: 14px; margin-right: 5px; font-weight: bold;}
.index5 .img-swipers .view-more .iconfont{font-size: 12px; font-weight: bold;}
.index5 .img-swipers .view-more:hover{color: #fff; background: #187d21;}

.index5 .img-swipers .slide-title{--title: var(--normal); position: absolute; left: 0; bottom: 0; width: 100%; z-index: 5; padding: 2vw; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#000 100%);}
.index5 .img-swipers .title{font-size: var(--normal);}

.index5 .conts .conts-item{display: none;}
.index5 .conts .conts-item.on{display: block;}

/* 服务优势-客户 */
.cont-nav{padding: 0 10%; margin: 0 auto; height: 80px; background: #fff;}
.main{background: #f1f1f1; padding: 5vw 10vw;}
.main .title{--title1: 40px; --title2: 14px; text-align: center;}
.main .title h1{font-weight: 400;}
.main .title h2{color: #888; margin-top: 0.7vw;}
.service .lists{--num: 5; --space: 6px; margin-top: 2.5vw;}
.service .item{background: #fff; height: 9.3vw; cursor: pointer;}
.service .item .imgbox{transition: 1s; max-width: 45%;}
.service .item:hover .imgbox{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

/* 服务优势-荣誉 */
.honor .lists{--num: 4; --space: 1.4vw; margin-top: 2vw;}
.honor .item{background: #fff;}
.honor .item .imgbox{width: 90%; margin: 1vw auto 1.5vw; height: 12.5vw; background: #f1f1f1; position: relative;}
.honor .imgbox img{width: 80%;}
.honor .item .name{text-align: center; padding-bottom: 1.5vw; font-size: var(--normal);}
.honor .open-preview{cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; transition: 1s;}
.honor .open-preview::before{
	--size: 3.4vw;
	content: url(../img/icon-fdj.png);
	width: var(--size);
	height: var(--size);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	background: #187d21;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.honor .open-preview:hover{opacity: 1;}

/* 案例详情 */

.about-tab {
	text-align: center;    margin-bottom: 30px;
	

}

.news-tab {
	font-size: 18px;
	color: #333
}
.news-tab h1 {
	padding: 5px 10px;
	font-size: 16px;
	min-width: 85px;
	color: #666;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #c7c7c7
}
.news-tab-list {
	display: inline-block;
		text-align: center;
	font-size: 14px; 
	line-height: 42px;
	height: 42px;
	
	margin-right: 10px;
	overflow: hidden
}
.news-tab-list a{border: 1px solid #d9d9d9;padding: 0px 20px;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	height: 40px;border-radius: 3px;}
.news-tab-list.this, .news-tab-list a:hover {
	border-radius: 3px;
	border-color: transparent;color: #fff;background: #187d21;border: none;
}
.news-tab-list.this a, .news-tab-list:hover a {
	color: #fff;
	border-radius: 3px;background: #187d21;border: none;
}
.news-tab-list.this {
	background: #187d21
}
.news-tab-list a {
	color: #333;
	display: block;
	overflow: hidden;
	position: relative
}
.news-tab-list span {
	position: relative;
	z-index: 2
}
.news-tab-list .btn-circle-hover {
	background: #187d21
}




.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #187d21;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #187d21;
	border-color: #187d21
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.bg-f1{background: #f1f1f1;}
.details{overflow: hidden;}
.case.details{padding-top: 0; padding-bottom: 0;}
.details .edit-box{margin-top: 2vw;}
.case{padding: 5vw 2.5vw;}
.case .left{margin-right: 6vw; border-top: 4px solid #000;}
.case .title{--title1: 28px; text-align: left; margin: 1vw 0 2vw;}
.case .left .title h1{font-weight: bold;}
.case .left .edit-box{font-size: 14px;}
.case .left .info{color: #187d21; margin-bottom: 2.8vw;}
.case .right{width: 62.5vw; height: 100%; overflow: hidden;}
.case .right .scroll-y{height: calc(100% - 5vw);}
.case .right .item{margin-bottom: 0.2vw;}
.case .right .console{margin-top: 2vw; font-size: var(--normal);}
.case .right .console > a:hover{color: #187d21;}

/* 新闻详情 */


.news_list ul{margin-top: 30px;}
.news_list li { transition: 0.3s ease 0s; margin-bottom: 2%; line-height: normal; padding: 2% 2% 2% 5%; background: #fff; border: 1px solid #f5f5f5;box-sizing: border-box; }
.news_list .R { width: 33.5%; overflow: hidden; }
.news_list .L { margin-right: 6%; width: 59.5%;  }
.n-data:before { margin-right: 10px; background: #187d21; content: ''; width: 5px; height: 16px; vertical-align: bottom; display: inline-block; }
.n-data { font-size: 14px; color: #666; }
.news_list h3 { margin-top: 2%; font-size: 24px; color: #333; font-weight: normal; }
.news_list p { margin-top: 2%; font-size: 14px; color: #666; -webkit-line-clamp: 3; line-height: 1.85; max-height: 75px; }
.news_list a { display: block; }
.news_list .n-a { margin-top: 2%; width: auto; padding: 0 40px; display: inline-block; height: 45px; line-height: 45px; font-size: 12px; color: #333; text-align: center; border: 1px solid #ddd; font-family: "微软雅黑", Microsoft YaHei; }
.n-a span { display: block; position: relative; }
.n-a span a:hover{  color: #fff;  }
.n-a:hover span:before { width: 100%; }
.n-a:hover { border-color: #187d21;background: #187d21; }
.news_list h3 a { color: #333; font-size: 24px; }
.news_list h3 a:hover { color: #187d21; font-weight: bold; }
.news_list a:hover img { transform: scale(1.1); }
.news_list li:hover { border-radius: 10px; box-shadow: 0 0 12px 0 rgba(0,0,0,0.05); }
.imgW-100 { width: 100%; transition: 0.5s linear 0s; }

.dis-t, .dis-m, .dis-b, .dis-s {display: inline-block;}
.dis-m {vertical-align: middle;}

.fen{width:100%; text-align: center;float: left; margin: 0px 0px 30px 0px; }
.pages{font-size:12px;line-height:22px;text-align:center;clear:both; width:100%; }
.pages a{text-decoration:none;color:#3c3c3c;background:#fff;border:1px solid #cccccc;padding:8px;margin-right:3px;cursor:pointer;    display: unset;}
.pages .red{background:#187d21 !important; color:#fff; border:0; padding:8px;}
.pages a.active{background:#000;border:1px solid #cccccc;color:#fff}
.pages a:hover{text-decoration:none;color:#fff;background:#187d21;border:1px solid #cccccc}

.z_about_pages{ float: left; width: 100%;background: #f9f9f9;}
.z_about_pages .flwarps{width:80%;    margin: 0 auto;padding: 3.2vw 0}
.z_other_tit{ text-align: center;}
.z_other_tit h3{font-size: 2vw;font-family: Microsoft YaHei,Helvetica,Arial;font-weight: bold;color: #393838; text-transform: uppercase;    margin-bottom: 40px;}
.z_other_tit h4{font-size: 1.30208vw;font-weight: bold;color: #7B7B7B;}


.cen-04{float:left; width:100%;font-size: 24px;color: #000;text-align:center; line-height:50px;font-family: "Microsoft YaHei";}
.cen-04-1{ text-align:center;    margin-top: -30px; border-bottom:1px dashed #ccc; font-size: 14px; margin-bottom: 30px; line-height:40px; color:#666; float:left; width:100%;}
.cen-04-2{float:left; width:100%; background:#f2e3d0; border:1px solid #e7d1b4;  padding:5px;}
.cen-04-3{ color: #333;   text-align: left;float:left; width:100%; padding-top:8px; padding-bottom:8px; line-height:30px; font-size:14px; }
.cen-04-3 img{  text-align: center; overflow:hidden}
.cen-04-2 span{ font-weight:bold; color:#ff9933;}
.cen-04-6{float:left;width:100%; border:1px solid #fec3d7; font-size:12px;}


.sx{width:100%; float:left;padding:20px 0; text-align:left;border-top:1px dashed #ddd;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.sx p{ text-align: center;line-height: 40px;border: 1px solid #ccc;float: left; margin-right: 10px;padding: 0px 20px;    margin-bottom: 10px;}
.sx a{font-weight:normal}
.sx a:link{color:#999;text-decoration:none;}
.sx a:visited{color:#999;text-decoration:none;}
.sx a:hover{color:#187d21;text-decoration:none;}
.sx a:active{color:#187d21;text-decoration:none;}
.sx span{ float:right;  padding-right:20px;}
.sx span a{ padding-left:20px; color:#999 !important; }
#think_page_trace{display: none}
#think_page_trace_open{display: none}

.news .left{width: 49vw; margin-right: 4vw;}
.news .left .date{color: #888; font-size: calc(var(--normal) + 2px);}
.news .left .back{color: #888;}
.news .left .back span{color: #666; font-size: var(--normal);}
.news .left > .title{text-align: left; --title1: 32px; margin-top: 2vw;}
.news .edit-box img{max-width: 100%;}
.news .console{width: 100%; --title: 20px; margin-top: 3vw;}
.news .console a{width: 100%; align-items: flex-start; --color: #000;}
.news .console .title{color: var(--color); font-size: var(--title); font-weight: bold; transition: 0.5s; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .console span{font-size: var(--title); font-weight: bold; line-height: 1.5; color: var(--color); transition: 0.5s; word-break: break-all; white-space: nowrap;}
.news .console .date{font-size: var(--normal); text-align: center; --border: 1px solid #ccc; border-top: var(--border); border-bottom: var(--border); padding: 0.5vw;}
.news .console .day{font-size: 40px; font-weight: bold; color: var(--color); transition: 0.5s;}
.news .console a:hover{--color: #187d21;}

.news .right > .title{font-size: 26px; color: #007cba; text-align: left;}
.news .right .list{margin-top: 2vw;}
.news .right .list .title{text-align: left; font-size: calc(var(--normal) + 2px); font-weight: bold; transition: color 0.5s;}
.news .right .msg{padding: 1.5vw 0;}
.news .right .tit{color: #409bc9; font-size: calc(var(--normal) - 2px);}
.news .right .date{color: #888; font-size: var(--normal);}
.news .right .item{border-bottom: 1px solid #ccc; --space: 2vw;}
.news .right .item:hover .title{color: #187d21;}

/* 服务优势-团队 */
.team{padding: 5vw 10vw 13.5vw;}
.team .title{--title1: 34px; --title2: 18px; text-align: left;}
.team .wrap{margin-top: 3.65vw;}
.team .swiper-slide .imgbox{
	cursor: pointer;
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	filter: grayscale(1);
	transition: 1s;
}
.team .swiper-slide .imgbox:hover{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	filter: grayscale(0);
}
.team .swiper-slide.one{width: 26.3vw; margin-right: 30px;}
.team .swiper-slide.one .imgbox{height: 33.8vw;}
.team .swiper-slide.one .name{font-size: calc(var(--normal) + 2px); margin-top: 1.7vw; color: #000;}
.team .swiper-slide.one .job{margin-top: 1vw; font-size: calc(var(--normal) - 2px); color: #888;}

.team .swiper-container{height: 37vw;}
.team .swiper-slide.two{width: 11.3vw; height: calc(50% - 15px);}
.team .swiper-slide.two .imgbox{height: 14.6vw;}
.team .swiper-slide.two .msg{margin-top: 1.7vw; font-size: var(--normal); color: #000;}
.team .swiper-slide.two .job{color: #888; font-size: calc(var(--normal) - 2px);}

.team .console{margin-top: 3.9vw;}
.team .console .scrollbar{height: 1px; background: #ccc;}
.team .console .swiper-scrollbar-drag{background: #187d21;}
.team .console .navigation{width: 5vw; margin-left: auto; margin-right: 0; margin-top: 3vw;}
.team .navigation .iconfont{font-size: 25px; color: #888; transition: 0.5s;}
.team .navigation > .click:hover .iconfont{color: #187d21;}

/* 人物详情 */
.people{padding: 0 0 7.5vw;}
.people .container{width: 1000px; margin: 0 auto;}
.people .cont-nav{padding: 0;}
.people .wrapper{margin-top: 1.5vw;}
.people .top-img{width: 100%; padding-bottom: 3.5vw; border-bottom: 4px solid black;}
.people .desc{margin-top: 2.8vw;}
.people .name{font-size: 28px;}
.people .job{font-size: var(--normal); color: #187d21; margin-top: 1.8vw;}
.people .edit-box{margin-top: 1.8vw; color: #666;}
.people .console{margin-top: 2.6vw; font-size: var(--normal);}
.people .console > a:hover{color: #187d21;}

/* 新闻动态 */
.news-list .lists{margin-top: 2.5vw;}
.news-list .item{display: flex; width: 61.9vw; margin: 0 auto; padding: 3vw; border-bottom: 1px solid #ccc; justify-content: space-between;}
.news-list .item .imgbox{width: 22.4vw; height: 13vw;}
.news-list .date{font-weight: bold; font-size: 18px; text-align: center;}
.news-list .date .day{font-size: 60px;}
.news-list .cont{margin-left: 4.5vw; margin-right: 5vw; width: 22.5vw;}
.news-list .cont .title{margin-top: 1.3vw; font-size: 20px; text-align: left; font-weight: bold; color: #000;}
.news-list .cont .edit-box{margin-top: 1.5vw; color: #888;}
.news-list .cont .more{margin-top: 2vw; background: #187d21; color: #fff; width: 120px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 14px;}
.news-list .cont .more span{margin-right: 5px;}

/* 关于我们 */
.about .wrapper{width: 80%; margin: 0 auto;}
.about1{padding: 2.5vw 0 2.5vw; background: #f9f9f9;}
.about1 .title{--title1: 35px; --title2: 24px;}
.about1 .title h1{color: #187d21;}
.about1 .wrap{margin-top: 1vw;}
.about1 .wrap .edit-box{width: 100%;}
.about1 .list .circle{--bg: #fff; --size: 4.4vw;}
.about1 .list .item{border-bottom: 1px solid #ccc; padding-bottom: 1.3vw; margin-bottom: 1.56vw;}
.about1 .list .data{font-size: 15px; color: #888;}
.about1 .list .num{font-size: 44px; color: #000; font-weight: bold; display: flex; align-items: baseline;}
.about1 .list .num > span{font-size: 30px;}

.about2{height: 800px;}
.about2 .lists{--num: 4; --space: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.about2 .lists-container{height: inherit;}
.about2 .lists .item{border-right: 1px solid #fff; padding: 0 3vw; flex: 1; height: inherit; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 15%;}
.about2 .lists .item:last-child{border-right: none;}
.about2 .item .title{--title1: 20px;}
.about2 .item .title h1{font-weight: normal; margin-top: 1vw;}
.about2 .item .title .imgbox{width: 1.5vw;}
.about2 .item .edit-box{margin-top: 2vw;}

/* 联系我们 */
.case-body{    background-color: #f9f9f9;width: 100%;  float: left;}
.inside-inner {
    width: 80%;
    margin: auto;
    position: relative;
    display: block;
    z-index: 5;padding: 60px 0 0;
}
.adva-title{text-align: center;margin: 0 auto;position: relative;width: 240px;}
.adva-title h5{font-size: 40px;line-height: 80px;color: #292929;font-weight:bold;}
.lianxi_box{     z-index: 9;overflow:hidden; padding:25px; margin-top:20px; border:1px solid #eee; border-top:7px solid #187d21;    background: #fff;}
.lianxi_box .left{ width:100%;  }
.lianxi_box .tt{     margin-bottom: 30px;
    border-bottom: 1px solid #e4e7e9;
    padding-bottom: 30px;}
.lianxi_box .tt h3{ font-size:26px; color:#187d21; font-weight:bold;  display:inline-block;}
.lianxi_box .tt span{ font-size:16px; color:#696969; display:inline-block; margin-left:10px; position:relative; top:-2px;}
.lianxi_box ul{    width: 55%;float: left;  }

.lianxi_box ul li{ font-size:16px; color:#727273; display:inline-block;line-height: 40px;}
.lianxi_box ul li i{width:30px; text-align: center; font-size: 20px; margin-right: 10px; float: left;color: #000}
.lianxi_box ul li a{    display: inline;}
.lianxi_box ul li b{ font-weight:normal; font-size:16px; color:#171717; line-height: 20px;}
.lianxi_box .ewm{ width:40%; float:right;margin-bottom: 0px;  text-align:center; font-size:16px; color:#303030;}
.lianxi_box .ewm img{ width:30%; text-align:right;margin-left: 10px; margin-bottom:10px; border:1px solid #e5e5e5; padding:5px;}

.un_box.map{    z-index: 1; position:relative; border-top:1px solid #e5e5e5;}
.contact1{padding-bottom: 6.5vw;}
.contact1 .title{--title1: 32px; --title2: 14px;}
.contact1 .title p{color: #888;}
.contact1 .cont{width: 33.33vw; margin: 0 auto; margin-top: 2.3vw; font-size: 14px; line-height: 2; color: #000;}
.contact1 b{display: block; font-size: 60px; color: #187d21; line-height: 0;}

.contact2{max-width: 1200px; margin: 0 auto; padding: 4vw 0 6vw;}
.contact2 .title{--title1: 32px; --title2: 14px;}
.contact2 .top .email{font-size: 14px; color: #888;}
.contact2 .top .email a{display: inline-block; color: #187d21; text-decoration: underline;}
.contact2 .lists{margin-top: 2vw;}

.recruit .item .top,.recruit .titles{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #ccc;
	padding: 1.5vw 1vw;
	cursor: pointer;
	transition: 0.5s;
	width: 100%;
}
.recruit .item:last-child .top{
	border-bottom: 1px solid #ccc;
}
.recruit .titles{cursor: unset;}
.recruit .item .top > div{width: 25%; font-size: var(--normal);}
.recruit .titles > div{width: 25%; font-weight: bold; font-size: calc(var(--normal) + 2px);}
.recruit .item::after{display: none;}
.recruit .item:hover .top{background: #187d21; color: #fff;}
.recruit .item.active .top{background: #187d21; color: #fff;}
.recruit .item{transition: 0.5s; width: 100%;}
.recruit .item.active{border: 1px solid #187d21;}
.recruit .titles:hover{background: unset; color: unset;}

.recruit .item .cont{background: #fff; padding: 0 2vw; height: 0; overflow: hidden; opacity: 0; transition: 0.5s;}
.recruit .item.active .cont{height: auto; padding: 2vw; opacity: 1;}

.recruit .item .cont > div{width: 50%;}
.recruit .item .cont .title{background: unset; color: #000; font-size: 18px;}
.recruit .item .cont .edit_box{margin-top: 2vw;}
.recruit .item .email{font-size: 14px; margin-top: 2vw; line-height: 1.5;}
.recruit .item .email a{display: inline-block; color: #187d21; border-bottom: 1px solid #187d21;}

.contact3{background: #f1f1f1; padding: 3.4vw 0 5vw;}
.contact3 > .wrapper{max-width: 1200px; margin: 0 auto; --title1: 28px; --title2: 14px;}
.contact3 .title > p{color: #888; margin-bottom: 2.3vw;}
.contact3 .left .item .imgbox{max-width: 1vw; margin-right: 0.5vw;}
.contact3 .left .item{display: flex; align-items: center; --space: 1vw; color: #888; font-size: 14px;}
.contact3 .right{max-width: 37.5vw;}
.contact3 .right .lists .item{
	--num: 2;
	--space: 1vw;
	width: calc( (100% / var(--num)) - (var(--space) / 2) );
	margin: 0;
	margin-right: var(--space);
	margin-bottom: var(--space);
	background: #fff;
}
.contact3 .right .lists .item:nth-child(2n){margin-right: 0;}
.contact3 .right .lists .item > div{width: 100%; display: flex; align-items: center; padding: 1vw; font-size: 14px;}
.contact3 input{width: 100%; font-size: 14px;}
.contact3 .right .msg{background: #fff; padding: 1vw; height: 10vw;}
.contact3 .right .sub{padding: 1vw 0; width: 100%; background: #187d21; margin-top: 1vw; font-size: calc(var(--normal) + 2px); cursor: pointer;}

/* 精品案例 */
.boutique1{padding-left: 10%;}
.boutique1 .left{padding-top: 5vw; width: 40.625vw; --title1: 40px; --title2: 14px;}
.boutique1 .left .title p{margin-top: 0.5vw; color: #888;}
.boutique1 .left .title{padding-bottom: 1.5vw; border-bottom: 3px solid #000; margin-bottom: 2.5vw;}
.boutique1 .right{width: 37.5vw; position: relative;}
.boutique1 .view-more{color: #187d21; --size: 8vw; --bg: #fff; --color: #187d21; --border-color: #187d21; margin-top: 4vw; transition: 0.5s; display: none;}
.boutique1 .view-more span{font-size: 14px; font-weight: bold; margin-right: 5px;}
.boutique1 .view-more:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}

.boutique1 .console{background: #fff; width: 12.5vw; height: 5vw; padding: 0 3.2vw; position: absolute; left: 0; bottom: 0; z-index: 1; color: #888;}
.boutique1 .pagin{font-size: var(--normal);}
.boutique1 .pagin .swiper-pagination-current{font-size: 24px; color: #000;}
.boutique1 .right::before{content: url(../img/icon-txt.png); width: 7.23958vw; height: 8.22916vw; position: absolute; left: -5vw; top: 11vw; z-index: 2; animation: rotate 5s linear infinite;}



.list{--num: 3; --space: 1vw; margin-top: 1vw;}
.list .item .title{font-size: 20px; color: inherit; margin-top: 1.8vw; font-weight: 400;}
.list .item .limit-2{font-size: 14px; color: #666; margin-top: 1.5vw; line-height: 2;}
.list .item{border-bottom: 1px solid #ccc; padding-bottom: 1vw; color: #000; transition: 0.5s;}
.list .item:hover{color: #187d21; border-color: #187d21;}
.filter{display: none;}
.filter select{appearance: revert; width: 100%; font-size: 14px; cursor: pointer;}
.filter .item{width: 10vw; padding: 0 1vw; border-right: 1px solid #ccc;}

.prdtDet-body .btn-return {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
.back-btns {
    width: 160px;
    height: 40px;
    line-height: 38px;
    border-radius: 20px;
    font-size: 14px;
    display: block;
    position: relative;
    color: #999;
    background: #fff;
    overflow: hidden;
    border: solid 1px #999;
    text-align: center;
    cursor: pointer;
    font-family: "SourceHanSansCN-Regular";
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.back-btns .fa {
    margin: -3px 18px 0 0;
}

.btn-bwhite {
    display: block;
    position: relative;
    color: #187d21;
    background: #fff;
    overflow: hidden;
    border: solid 1px #187d21;
    text-align: center;
    cursor: pointer;
    font-family: "SourceHanSansCN-Regular";
}
.btn-bwhite:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -101%;
    background: #187d21;
    transition: left .4s ease-out;
    z-index: 1;
}

.btn-bwhite span {
    display: block;
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 992px) {
    .btn-bwhite:hover {
        color: #fff !important;
        border-color: #187d21;
    }
    .btn-bwhite:hover:before {
        left: 0;
    }
}
.list-btn{display: none}
.lg-inner {
    width: 80%;
    margin: 0 auto;
    position: relative;
    display: block;
    z-index: 5;
}

.lg-inner:before,
.lg-inner:after {
    content: '';
    display: table;
    clear: both;
}

.prdtDet-box {
    padding: 60px 0 60px;    background: #f9f9f9;
}

.prdtDet-row {
    width: 100%;
    padding: 0 15px;
	margin-bottom: 8%;
}

.prdtDet-imgbox {
    width: 50%;
    max-width: 800Px;
    float: left;
}

.prdtDet-bigImg {
    width: 100%;
   
    display: block;
    border: solid 1px #e6e6e6;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.prdtDet-bigImg .imgs {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background: no-repeat center center;
    background-size: contain;
    position: relative;
}

.prdtDet-imgbot {
    width: 100%;
   
    overflow: hidden;
    position: relative;
    padding: 1% 28%;
    border: solid 1px #e6e6e6;
    border-top-color: transparent;
  
}

.prdtDet-smImg {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.prdtDet-smImg .cont {
    width: 90px;
    max-width: 100%;
    
    position: relative;
   
    margin: 0 auto;
    cursor: pointer;
}

.prdtDet-smImg .image {
    width: 100%;
   
    display: block;
    overflow: hidden;
    background: no-repeat center center;
    background-size: contain;
    position: relative;
}
.prdtDet-smImg .image img{    width: 100%;}
.prdtDet-smImg .thumbs-active .cont:after {
    content: '';
    width: 100%;
    height: 4px;
    display: block;
    background: #187d21;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.prdtDet-sctrl {
    width: 3.7em;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 20;
    font-family: 'SimSun';
    font-weight: bold;
    color: #187d21;
    cursor: pointer;    line-height: 60px;
}

.prdtDet-sctrl:after {
    content: '';
    width: 14px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center center;
    background-size: contain;
}

.prdtDet-sctrl i {
    display: none;
    font-style: normal;
    font-size: 30px;
}

.prdtDet-sctrl.prev {
    text-align: right;
    left: 0;
}

.prdtDet-sctrl.prev:after {
    background-image: url("../images/arrow-left2.png");
}

.prdtDet-sctrl.next {
    text-align: left;
    right: 0;
}

.prdtDet-sctrl.next:after {
    background-image: url("../images/arrow-right2.png");
}

.prdtDet-sctrl.swiper-button-disabled {
    display: none;
}

#think_page_trace_open{display: none}

@media screen and (max-width: 1440px) {
    .prdtDet-imgbot {
        padding: 0 3em;
    }
    .prdtDet-sctrl {
        width: 2em;    line-height: 40px;
    }
}

.prdtDet-body {
    width: 10000px;
    display: table-cell;
    vertical-align: top;
    padding: 10px 0 0 8.7%;
    position: relative;
	height: auto;
}

.prdtDet-body .btn-return {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}

.prdtDet-hd {
    position: relative;
    padding-right: 170px;
    margin-bottom: 2em;
}

.prdtDet-hd .tit {
    font-size: 2.4em;
    line-height: 1.25em;
    font-family: "SourceHanSansCN-Regular";
    margin-bottom: 0.583em;
}

.prdtDet-hd .desc {
    font-size: 16px;
    line-height: 1.625em;
    color: #666;
    margin-bottom: 2.1875em;
}

.prdtDet-hd .line {
    width: 80px;
    height: 1px;
    display: block;
    background: #e1cd00;
}

.prdtDet-intt {
    margin-bottom: 14px;
}

.prdtDet-intt span {
    display: inline-block;
    vertical-align: top;
    padding: 0 18px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    border-radius: 15px;
    background: #187d21;
}

.prdtDet-doc {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    word-break: break-all;
}

.prdtDet-param {
    margin-bottom: 34px;
}

.prdtDet-param .prdtDet-doc li {
    width: 100%;
    display: table;
}

.prdtDet-param .prdtDet-doc h5 {
    float: left;
    color: #187d21;
    font-family: "SourceHanSansCN-Regular";
    white-space: nowrap;
}

.prdtDet-param .prdtDet-doc .doc {
    width: 100%;
    display: table-cell;
    vertical-align: top;
}

.prdtDet-param .col2 {
    display: inline-block;
    width: 2em;
}

.prdtDet-td {
    margin-bottom: 34px;
}

.prdtDet-td:last-child {
    margin-bottom: 0;
}

.prdtDet-td .prdtDet-doc li {
    padding-left: 20px;
    position: relative;
}

.prdtDet-td .prdtDet-doc li:before {
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    background: #187d21;
    border-radius: 100%;
    position: absolute;
    left: 6px;
    top: 12.5px;
}
.culture-sect {
    width: 100%;
    overflow: hidden;background: #f9f9f9;
    position: relative;
}

.end{  margin-bottom: 80px;}
.culture-sect .row {
    width: 100%;
    position: relative;
    z-index: 10;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.culture-sect .sect-bg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background: no-repeat center center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.culture-sect .sect-imgs {
    padding: 0;
}

.culture-sect .image {
    width: 100%;
  
    display: block;
    overflow: hidden;
    position: relative;
    background: no-repeat center center;
    background-size: cover;
}

.culture-sect .sect-body {
   
}

.culture-sect .sect-body .doc {
    margin-top: 2em;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

.culture-sect .t1 {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 12px;
}

.culture-sect .t1 span {
    height: 30px;
    padding: 0 18px;
    display: inline-block;
    vertical-align: top;
    border-radius: 15px;
    background: #187d21;
    text-align: center;
}

.culture-sect .t2 {
    font-size: 2em;
    line-height: 1.25em;
    color: #00713b;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

.culture-sect .subtt {
    font-size: 24px;
    line-height: 30px;
    margin: 28px 0;
    animation-delay: .25s;
    -webkit-animation-delay: .25s;
}

.culture-sect .doc {
    font-size: 16px;
    line-height: 30px;
}

.culture-sect .doc strong {
    font-family: "SourceHanSansCN-Regular";
    color: #00713b;
}

.culture-sect.reverse .row {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}

.culture-sect.reverse .sect-body {
    padding-right: 10%
}

.culture-sect.had-bg {
    height: 35em;
    color: #fff;
}

.culture-sect.had-bg .row {
    height: 100%;
}

.culture-sect.had-bg .t1 span {
    background: rgba(255, 255, 255, 0.3);
}

.culture-sect.had-bg .t2 {
    color: #fff;
}

.culture-sect.sect-end {
    padding: 80px 0 0;
    margin: 0;
}

.culture-sect.sect-end .row {
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
}

.culture-sect.sect-end .sect-body.left {
    padding-right: 4.1vw;
}

.culture-sect.sect-end .sect-body.right .doc {
    margin-top: 2.3em;
}

.culture-sect.had-subtt .sect-body .doc {
    margin-top: 0;
}

@media screen and (max-width: 980px){
	.list-btn{display:block}
}

/* 侧栏按钮 */
.right_btns{position: fixed; right: 0; top: 50%; z-index: 99; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.right_btns .icon{width: var(--size); height: var(--size); --size: 56px;}
.right_btns .gotoup .icon{background: url(/style/img/icon-arrUp.png) no-repeat center center;}
.right_btns .gotoup{background: #bababa;}
.right_btns .qq .icon{background: url(/style/img/icon-qq-btn.png) no-repeat center center;}
.right_btns .tel .icon{background: url(/style/img/icon-tel-btn.png) no-repeat center center;}
.right_btns .wx .icon{background: url(/style/img/icon-wx-btn.png) no-repeat center center;}
.right_btns > a{width: var(--size); height: var(--size); --size: 56px; background: #187d21; margin-bottom: 2px; position: relative; transition: 0.5s;}
.right_btns > a > span{display: block; width: 110px; height: 56px; background: #187d21; font-size: 14px; color: #fff; line-height: 56px; position: absolute; top: 0; left: 56px; transition: 0.5s; z-index: -1;}

@media screen and (min-width: 981px) and (max-width: 1800px) {
	.index-banner .banner-title{font-size: 38px;}
	.index1 .title{--title1: 32px; --title2: 22px;}
	.index1 .count{font-size: 32px;}
	.index1 .cont .item{margin-right: 3vw;}
	.index3 .list .desc{font-size: 12px;}
	.index5 .cont-lists .item{  margin-bottom: 2vw;}
	.index5 .cont-lists .desc{font-size: 12px;}
	.index5 .cont-lists .title{font-size: 16px;}
	.index3 .list .item{padding: 1.5vw 0}
	.index-banner-console{bottom: 1vw;}
	.edit-box{font-size: 14px;}
	.title p {font-size: 14px;}
	.index1 .view-more{--size: 11vw;}
	.index3 .title{--title1: 32px;}
	.index3 .title h2{font-size: 22px;}
	.index3 .tit{font-size: 18px;}
	.index4 .title,.index5 .title{--title1: 32px;}
	.index4 .title .t,.index5 .title .t{font-size: 22px;}
	.index4 .swipers .desc{color: #777;}
	.index4 .swipers .tit{font-size: 16px;}
	.index4 .console .navigation{width: 8vw;}
	.index5 .img-swipers .date{--day: 40px; --size: 80px;}
	.index5 .img-swipers .view-more{--size: 9vw;}
	.index-banner-console .fraction .current{font-size: 32px;}
	.news .left > .title{--title1: 26px;}
	.main .title{--title1: 28px;}
	.news .console{--title: 18px;}
	.news .console .day{font-size: 28px;}
	.news .console .title{padding: 0 2vw;}
	.banner .title{--title1: 36px;}
	.news-list .date .day{font-size: 42px;}
	.news-list .item{width: 100%; padding: 3vw 0;}
	.news-list .cont .title{font-size: 18px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.news-list .cont{width: 41vw;}
	.contact2{max-width: 90%; margin: 0 auto;}
	.contact3 > .wrapper{max-width: 90%; margin: 0 auto;}
	.contact1 .cont{width: 40vw;}
	.boutique1 .left{--title1: 32px;}
	.boutique1{padding-bottom: 5vw;}
	.boutique2 .top{--title1: 32px;}
	.about1 .list .num{font-size: 32px;}
	.team .swiper-slide.one{width: 30.3vw;}
	.team .swiper-slide.one .imgbox{height: 38.4vw;}
	.team .swiper-slide.two{width: 13.3vw;}
	.team .swiper-slide.two .imgbox{height: 17vw;}
	.team .swiper-slide.two .msg{margin-top: 1vw;}
	.team .console .navigation{width: 8vw;}
	.honor .lists{--num: 3; --space: 1.5vw;}
	.honor .item .imgbox{height: 16.5vw;}
	.service .lists{--num: 4; --space: 15px;}
	.service .item{height: 12vw;}
	.cont-nav{padding: 0 5%; height: 65px;}
	.main{padding: 5vw;}
	.case .left{width: 32vw;}
	.team .swiper-container{height: 41vw;}

	:root{
		--header-height: 90px;
	}
}


.nbom{display: none}
@media screen and (min-width: 768px) and (max-width: 1025px) {
	:root{
		--normal: 14px;
	}
		.header .logo{width: 35vw;}
	.footer .logo{width: 35vw;}
	.nbom{display: block; position:fixed; bottom:0; height:60px; width:100%; left:0; z-index:100000000000;   }
.nbom .w1{     position: relative;  background: repeating-linear-gradient( #ffffff,#f5f5f5,#ffffff);height: 60px;border-top: 1px solid #ededed;}
.nbom .nav-bom{ height:60px;}
.nbom .nav-bom li{height:60px;float:left; width:24.7%; border-right: 1px solid #ededed;}
.nbom .nav-bom li.li-1{}
.nbom .nav-bom li a{ color:#000;text-decoration:none;     line-height: 20px;    font-size: 14px;text-align:center; position:relative; padding:0; height:60px; display:block;}
.nbom .nav-bom li i{ display:block; width:22%;     margin: 10px auto 0; font-size:14px;}
.nbom .nav-bom li i img{ width:100%;}
.nbom .nav-bom li a:hover{ color:#000;transition-duration:0.6s; text-decoration:none;}
.nbom .nav-bom li.none{}
	.list-btn{display: block}
	header .nav{opacity: 0; height: 0;}
	header.on .nav{opacity: 1; height: auto;}
	nav{position: absolute; top: calc(100% + 10vw); left: 0; height: 0;}
	.nav{flex-direction: column; align-items: flex-start; height: auto; overflow: hidden; transition: 1s;}
	.nav dd{position: static; flex-direction: row; flex-wrap: wrap; height: auto; opacity: 1;}
	.nav .item{display: block; margin-bottom: 6vw;}
	.nav .item > a{font-size: 16px; font-weight: bold; width: fit-content; width: -moz-fit-content;}
	.nav dl{margin-right: 2vw;}
	.nav dl a{font-size: 14px;}
	.lianxi_box ul li{line-height: 30px;}
	.list{--num: 2; }
	.list .item .title {font-size: 14px;text-align: center;line-height: 30px;}
	.culture-sect .t2{font-size: 20px;margin-top: 20px;font-weight: bold;}
	.culture-sect .sect-body .doc{margin-top:0}
	.culture-sect .doc {font-size: 14px;line-height: 25px;}
	.culture-sect.reverse .sect-body{padding-right:0}
	.culture-sect .sect-body {margin-bottom: 20px;}
	.about-tab{    margin-bottom: 0px;}
	.news_list ul{    margin-top: 0px;}
	.news_list .L { margin-right: 0%; width: 100%;}
	.news_list .R { width: 100%; overflow: hidden;}
	.news_list h3 a { color: #333; font-size: 18px;}
	.news_list .n-a{margin-bottom: 2%}
	.news_list p { overflow: hidden;}
	.z_other_tit h3{    font-size: 24px;margin-bottom: 0}
	.z_about_pages .flwarps{width:95%}
	.lianxi_box .tt h3{font-size: 20px;}
	.lianxi_box{    padding: 10px;margin-top: 10px;}
	.lianxi_box .tt{    margin-bottom: 10px; padding-bottom: 10px;}
	.lianxi_box .ewm{width:100%}
	.lianxi_box .ewm img{width:40%}
	.lianxi_box ul{width:100%}
	header .panel::before{height: 100%;}
	header .panel::after{display: none;}
	.index-banner .banner-title{font-size: 16px;}
	.index-banner-console .fraction{font-size: 14px;}
	.index-banner-console .fraction .current{font-size: 22px;}
	.index-banner-console .bullets .swiper-pagination-bullet{margin: 0 2vw;}
	.index-banner-console .swiper-pagination-bullet::before{border: 2px solid #fff;}
	.index-banner-console .arr, .banner .arr{--size: 6vw;}
	.index-banner-console .delta::before, .banner .delta::before{height: 6vw;}
	.prdtDet-imgbox{    width: 100%; max-width: 100%;float: none;}
	.prdtDet-box{padding: 20px 0 20px;}
	.lg-inner{width:95%}
	.prdtDet-body {  padding: 0; width: 100%; display: block; margin-top: 20px;}
	.prdtDet-body .btn-return {  position: static;margin: auto }
	.btn-bwhite:before { width: 0;}
	.index1 .title{--title1: 28px; --title2: 18px;}
	.index1 .cont{flex-direction: column;}
	.index1 .cont > div{width: 100%;}
	.index .wrapper{width: 90%;}
	.index1 .count{font-size: 24px;}
	.index1 .cont .item p{font-size: 12px;}
	.index1 em{font-size: 18px;}
	.index1 .cont .item{margin-right: 3vw;}
	.index1 .cont > div:last-child{margin-top: 5vw;}
	.index1 .view-more{--size: 28vw;}
	.index1 .view-more span{font-size: 12px;}
	.index2 .play-btn{--size: 12vw;}
	.index3 .wrap{flex-direction: column; margin-top: 5vw;}
	.index3 .wrap > div{width: 100%;}
	.index3 .title{--title1: 28px;}
	.index3 .title h2{font-size: 20px;}
	.index3 .tit{font-size: 16px;}
	.list{    margin-top: 0vw;}
	.index3 .tit .id{font-size: 14px; transform: translateY(-55%);}
	.index3 .list .desc{font-size: 12px;}
	.index3 .list .item{    padding: 2vw 0;border-bottom:1px solid #ccc;}
	.index3 .swipers{margin-top: 10vw; height: auto;}
	.index3 .swipers .console{width: 50%; padding: 5vw 3vw;}
	.index3 .console .swiper-pagination-current{font-size: 20px;}
	.index3 .console .iconfont{font-size: 12px;}
	.index4{padding: 10vw 0; width: 90%; margin: 0 auto;}
	.index4 .title{flex-direction: column; padding: 0; align-items: flex-start;}
	.index4 .title{--title1: 28px;}
	.index4 .title .t{font-size: 20px;}
	.index4 .s-nav{margin-top: 5vw;}
	.s-nav .item{--num: 3; text-align: center; margin-bottom: 2vw;}
	.index4 .swipers{margin-top: 5vw;}
	.index4 .swipers .swiper-slide{width: 100%;}
	.index4 .swipers .imgbox{height: 53.75vw;}
	.index4 .swipers .tit{font-size: 18px; margin-top: 3vw;}
	.index4 .scrollbar{width: 100%;}
	.index4 .console{width: 100%;}
	.index4 .console .navigation .iconfont{font-size: 16px;}
	.index4 .console .navigation{width: 20vw;}
	.index5{padding: 10vw 5%; flex-direction: column;}
	.index5 > .wrapper{width: 100%; padding: 0; margin-top: 5vw;}
	.index5 .title{--title1: 28px;}
	.index5 .title .t{font-size: 20px;}
	.index5 .line{width: 5vw; margin-right: -3vw;}
	.index5 .cont-lists{margin-right: 0; padding-right: 5vw; padding-left: 3vw; height: 50vw;}
	.index5 .cont-lists .title{font-size: 16px;}
	.index5 .img-swipers{display: none;}
	.dibu{display: none}
	.adva-title h5{font-size: 24px;    line-height:60px;}
	.inside-inner{width:95%;     padding: 20px 0 0;}
	footer{padding-top: 5vw;    margin-bottom: 60px;}
	.footer{width:100%;}

	.footer .wrap{padding: 0; flex-direction: column;}
	.footer pre{margin-top: 3vw;}
	.footer .icon-links{margin-top: 3vw;}
	.footer .wrap > div{margin-bottom: 0vw;width:80% ; margin: auto;}
	.footer .toUp p{margin-top: 2vw;}
	.footer .copyright{margin-top: 5vw; padding: 5%;}
	.cont-nav{padding: 0 5%; height: auto; flex-direction: column; align-items: flex-start;}
	.anchor-links,.crumbs{padding: 3vw 0; flex-wrap: wrap; width: 100%;}
	.main{padding: 10vw 5%;}
	.details{flex-direction: column; height: auto;}
	.details > .left,.details > .right{width: 100%;}
	.news .left > .title{--title1: 18px; margin-top: 5vw;}
	.news .console{--title: 16px;}
	.news .console .day{font-size: 24px;}
	.news .console .title{padding: 0 3vw;}
	.news_list li{padding: 5%;}
	.details > .right{margin-top: 10vw; padding-bottom: 5vw;}
	.main .title{--title1: 26px;}
	.news .right .item{--space: 5vw;}
	.news .right .msg{padding: 3vw 0;}
	.edit-box{line-height: 2;width:100%!important}
	.btnDiv { padding-top: 10px;}
	.btnDiv a{width:100px; height: 34px; line-height: 34px;}
	.banner .title{--title1: 18px; --title2: 12px; top: 35%; width: 80%;}
	.news-list .item{width: 100%; flex-direction: column; padding: 5vw 0;}
	.news-list .cont{width: 100%; margin: 2vw 0;}
	.news-list .item .imgbox{width: 100%; height: auto;}
	.news-list .date .day{font-size: 22px;}
	.news-list .date{font-size: 14px; text-align: center; width: fit-content; width: -moz-fit-content; font-weight: normal;}
	.news-list .cont .title{font-size: 18px;}
	.news-list .cont .edit-box{margin-top: 2.5vw; color: #666;}
	.people .container{width: 100%;}
	.people .top-img{padding-bottom: 7.5vw; border-bottom: 2px solid black;}
	.people .name{font-size: 24px;}
	.contact1 .cont{width: 90%;}
	.contact1{margin-top: 5vw;}
	.contact1 .title{--title1: 22px;}
	.contact2 .title{--title1: 22px;}
	.contact3 .title{--title1: 22px;}
	.contact1 b{font-size: 40px;}
	.contact2{max-width: 90%; padding: 10vw 0;}
	.contact2 .lists{margin-top: 5vw;}
	.recruit .item .top, .recruit .titles{padding: 3.5vw 1vw;}
	.contact3{padding: 10vw 0;}
	.contact3 > .wrapper{max-width: 90%; flex-direction: column;}
	.contact3 > .wrapper > div{width: 100%; max-width: 100%; margin-bottom: 5vw;}
	.contact3 .right .lists .item > div{padding: 3vw; font-size: 12px;}
	.contact3 .right .lists .item{--space: 2vw;}
	.contact3 .right .msg{padding: 3vw; height: 25vw;}

	.contact3 .right .sub{padding: 3vw 0; margin-top: 3vw;}
	.boutique1{width: 90%; margin: 0 auto; padding-bottom: 10vw; flex-direction: column; padding-left: 0;}
	.boutique1 .left{width: 100%;}
	.boutique1 .right{width: 100%;}
	.boutique1 .left{--title1: 26px;}
	.view-more span{font-size: 12px;}
	.boutique1 .view-more{--size: 30vw; margin-bottom: 5vw;}
	.boutique1 .console{width: 50%; height: auto; padding: 3vw 2vw;}
	.boutique1 .right::before{display: none;}
	.boutique2 .top{--title1: 26px; flex-direction: column; align-items: flex-start;}
	.boutique1 .filter{margin-top: 3vw; width: 100%;}
	.boutique2 .filter .item{width: 33.33%;}
	.boutique2 > .wrapper{width: 90%;}
	.boutique2 .list{--num: 1; margin-top: 5vw;}
	.boutique2 .list .item .title{font-size: 18px;}
	.boutique2 .list .item .limit-2{font-size: 12px;}
	.about1 .wrapper{width: 90%;}
	.about1 .title{--title1: 26px; --title2: 16px;}
	.about1 .wrap{flex-direction: column;}
	.about1 .wrap .edit-box{width: 100%; margin-right: 0;}
	.about1 .wrap .list{width: 100%; margin-top: 5vw;}
	.about1 .list .num{font-size: 24px;}
	.about1 .list .num > span{font-size: 20px;}
	.about1 .list .circle{--size: 15vw;}
	.about1 .list .circle .imgbox{width: 6vw;}
	.about1 .list .item{padding-bottom: 5vw; margin-bottom: 5vw;}
	.about2 .item .title .imgbox{width: 7vw;}
	.about2 .item .title{--title1: 18px;}
	.about2 .lists-container{flex-direction: column;}
	.team .swiper-slide.one{width: 100%;}
	.team .swiper-slide.one .imgbox{height: 115vw;}
	.team .swiper-slide.two{width: 100%;}
	.team .swiper-slide.two .part{width: 100%;}
	.team .swiper-slide.two .imgbox{height: 115vw;}
	.team .swiper-slide.two .part:last-child{margin-top: 0; margin-left: 10px;}
	.team .swiper-slide.two .msg{font-size: 14px;}
	.team .console .navigation{width: 25vw;}
	.honor .lists{--num: 1; --space: 5vw; margin-top: 3vw;}
	.honor .item .imgbox{height: 55.5vw;}
	.honor .item .imgbox{margin: 4vw auto 4vw;}
	.honor .item .name{padding-bottom: 5vw;}
	.honor .open-preview{display: none;}
	.service .item{height: 25vw;}
	.service .lists{--num: 2; --space: 10px; margin-top: 5vw;}
	.case .right .console{margin-top: 5vw;}
	.team .wrap{flex-direction: column;}
	.team .swiper-container{height: auto; margin-top: 10vw;}
	.footer .wrap .part{padding: 0; border: none; width: 100%;}
	.footer .wrap .part:first-child{display: none;}
	.loading .txt{width: 50vw; height: auto;}
	.footer .part .qr{width: 33vw; border: none;}
	.about2 .lists .item{width: 90%; justify-content: center; padding-top: 0; border-right: 0;}
	.index5 .s-nav{width: 90%; margin-left: auto; margin-right: 0;}
	.anchor-links .item{
		margin: 0 2vw 2vw;
		padding: 0;
		border: none;
	}
	.recruit .item .cont{flex-direction: column;}
	.recruit .item .cont > div{width: 100%;}
	.contact3 .left .item .imgbox{max-width: 5vw; margin-right: 2.5vw;}
	.contact3 .left .item{color: #555; font-size: 16px;}
	.right_btns{display: none;}
	.anchor-links a{font-size: 16px;}
}
@media screen and (max-width: 760px) {
	.nbom{display: block; position:fixed; bottom:0; height:60px; width:100%; left:0; z-index:100000000000;   }
.nbom .w1{     position: relative;  background: repeating-linear-gradient( #ffffff,#f5f5f5,#ffffff);height: 60px;border-top: 1px solid #ededed;}
.nbom .nav-bom{ height:60px;}
.nbom .nav-bom li{height:60px;float:left; width:24.7%; border-right: 1px solid #ededed;}
.nbom .nav-bom li.li-1{}
.nbom .nav-bom li a{ color:#000;text-decoration:none;     line-height: 20px;    font-size: 14px;text-align:center; position:relative; padding:0; height:60px; display:block;}
.nbom .nav-bom li i{ display:block; width:22%;     margin: 10px auto 0; font-size:14px;}
.nbom .nav-bom li i img{ width:100%;}
.nbom .nav-bom li a:hover{ color:#000;transition-duration:0.6s; text-decoration:none;}
.nbom .nav-bom li.none{}
	.header .logo{width: 50vw;}
	header .nav{opacity: 0; height: 0;}
	header.on .nav{opacity: 1; height: auto;}
	nav{position: absolute; top: calc(100% + 10vw); left: 0; height: 0;}
	.nav{flex-direction: column; align-items: flex-start; height: auto; overflow: hidden; transition: 1s;}
	.nav dd{position: static; flex-direction: row; flex-wrap: wrap; height: auto; opacity: 1;}
	.nav .item{display: block; margin-bottom: 6vw;}
	.nav .item > a{font-size: 16px; font-weight: bold; width: fit-content; width: -moz-fit-content;}
	.nav dl{margin-right: 2vw;}
	.nav dl a{font-size: 14px;}
	.lianxi_box ul li{line-height: 30px;}
	.list{--num: 2; }
	.list .item .title {font-size: 14px;text-align: center;line-height: 30px;}
	.culture-sect .t2{font-size: 20px;margin-top: 20px;font-weight: bold;}
	.culture-sect .sect-body .doc{margin-top:0}
	.culture-sect .doc {font-size: 14px;line-height: 25px;}
	.culture-sect.reverse .sect-body{padding-right:0}
	.culture-sect .sect-body {margin-bottom: 20px;}
	.about-tab{    margin-bottom: 0px;}
	.news_list ul{    margin-top: 0px;}
	.news_list .L { margin-right: 0%; width: 100%;}
	.news_list .R { width: 100%; overflow: hidden;}
	.news_list h3 a { color: #333; font-size: 18px;}
	.news_list .n-a{margin-bottom: 2%}
	.news_list p { overflow: hidden;}
	.z_other_tit h3{    font-size: 24px;margin-bottom: 0}
	.z_about_pages .flwarps{width:95%}
	.lianxi_box .tt h3{font-size: 20px;}
	.lianxi_box{    padding: 10px;margin-top: 10px;}
	.lianxi_box .tt{    margin-bottom: 10px; padding-bottom: 10px;}
	.lianxi_box .ewm{width:100%}
	.lianxi_box .ewm img{width:40%}
	.lianxi_box ul{width:100%}
	header .panel::before{height: 100%;}
	header .panel::after{display: none;}
	.index-banner .banner-title{font-size: 16px;}
	.index-banner-console .fraction{font-size: 14px;}
	.index-banner-console .fraction .current{font-size: 22px;}
	.index-banner-console .bullets .swiper-pagination-bullet{margin: 0 2vw;}
	.index-banner-console .swiper-pagination-bullet::before{border: 2px solid #fff;}
	.index-banner-console .arr, .banner .arr{--size: 6vw;}
	.index-banner-console .delta::before, .banner .delta::before{height: 6vw;}
	.prdtDet-imgbox{    width: 100%; max-width: 100%;float: none;}
	.prdtDet-box{padding: 20px 0 20px;}
	.lg-inner{width:95%}
	.prdtDet-body {  padding: 0; width: 100%; display: block; margin-top: 20px;}
	.prdtDet-body .btn-return {  position: static;margin: auto }
	.btn-bwhite:before { width: 0;}
	.index1 .title{--title1: 28px; --title2: 18px;}
	.index1 .cont{flex-direction: column;}
	.index1 .cont > div{width: 100%;}
	.index .wrapper{width: 90%;}
	.index1 .count{font-size: 24px;}
	.index1 .cont .item p{font-size: 12px;}
	.index1 em{font-size: 18px;}
	.index1 .cont .item{margin-right: 3vw;}
	.index1 .cont > div:last-child{margin-top: 5vw;}
	.index1 .view-more{--size: 28vw;}
	.index1 .view-more span{font-size: 12px;}
	.index2 .play-btn{--size: 12vw;}
	.index3 .wrap{flex-direction: column; margin-top: 5vw;}
	.index3 .wrap > div{width: 100%;}
	.index3 .title{--title1: 28px;}
	.index3 .title h2{font-size: 20px;}
	.index3 .tit{font-size: 16px;}
	.list{    margin-top: 0vw;}
	.index3 .tit .id{font-size: 14px; transform: translateY(-55%);}
	.index3 .list .desc{font-size: 12px;}
	.index3 .list .item{    padding: 2vw 0;border-bottom:1px solid #ccc;}
	.index3 .swipers{margin-top: 10vw; height: auto;}
	.index3 .swipers .console{width: 50%; padding: 5vw 3vw;}
	.index3 .console .swiper-pagination-current{font-size: 20px;}
	.index3 .console .iconfont{font-size: 12px;}
	.index4{padding: 10vw 0; width: 90%; margin: 0 auto;}
	.index4 .title{flex-direction: column; padding: 0; align-items: flex-start;}
	.index4 .title{--title1: 28px;}
	.index4 .title .t{font-size: 20px;}
	.index4 .s-nav{margin-top: 5vw;}
	.s-nav .item{--num: 3; text-align: center; margin-bottom: 2vw;}
	.index4 .swipers{margin-top: 5vw;}
	.index4 .swipers .swiper-slide{width: 100%;}
	.index4 .swipers .imgbox{height: 53.75vw;}
	.index4 .swipers .tit{font-size: 18px; margin-top: 3vw;}
	.index4 .scrollbar{width: 100%;}
	.index4 .console{width: 100%;}
	.index4 .console .navigation .iconfont{font-size: 16px;}
	.index4 .console .navigation{width: 20vw;}
	.index5{padding: 10vw 5%; flex-direction: column;}
	.index5 > .wrapper{width: 100%; padding: 0; margin-top: 5vw;}
	.index5 .title{--title1: 28px;}
	.index5 .title .t{font-size: 20px;}
	.index5 .line{width: 5vw; margin-right: -3vw;}
	.index5 .cont-lists{margin-right: 0; padding-right: 5vw; padding-left: 3vw; height: 100vw;}
	.index5 .cont-lists .title{font-size: 16px;}
	.index5 .img-swipers{display: none;}
	.dibu{display: none}
	.adva-title h5{font-size: 24px;    line-height:60px;}
	.inside-inner{width:95%;     padding: 20px 0 0;}
	footer{padding-top: 5vw;    margin-bottom: 60px;}
	.footer{width:100%;}
		.footer .logo{    width: 55vw; margin: auto; text-align: center;}
	.footer .wrap{padding: 0; flex-direction: column;}
	.footer pre{margin-top: 3vw;}
	.footer .icon-links{margin-top: 3vw;}
	.footer .wrap > div{margin-bottom: 0vw;width:80% ; margin: auto;}
	.footer .toUp p{margin-top: 2vw;}
	.footer .copyright{margin-top: 5vw; padding: 5%;}
	.cont-nav{padding: 0 5%; height: auto; flex-direction: column; align-items: flex-start;}
	.anchor-links,.crumbs{padding: 3vw 0; flex-wrap: wrap; width: 100%;}
	.main{padding: 10vw 5%;}
	.details{flex-direction: column; height: auto;}
	.details > .left,.details > .right{width: 100%;}
	.news .left > .title{--title1: 18px; margin-top: 5vw;}
	.news .console{--title: 16px;}
	.news .console .day{font-size: 24px;}
	.news .console .title{padding: 0 3vw;}
	.news_list li{padding: 5%;}
	.details > .right{margin-top: 10vw; padding-bottom: 5vw;}
	.main .title{--title1: 26px;}
	.news .right .item{--space: 5vw;}
	.news .right .msg{padding: 3vw 0;}
	.edit-box{line-height: 2;width:100%!important}
	.btnDiv { padding-top: 10px;}
	.btnDiv a{width:100px; height: 34px; line-height: 34px;}
	.banner .title{--title1: 18px; --title2: 12px; top: 35%; width: 80%;}
	.news-list .item{width: 100%; flex-direction: column; padding: 5vw 0;}
	.news-list .cont{width: 100%; margin: 2vw 0;}
	.news-list .item .imgbox{width: 100%; height: auto;}
	.news-list .date .day{font-size: 22px;}
	.news-list .date{font-size: 14px; text-align: center; width: fit-content; width: -moz-fit-content; font-weight: normal;}
	.news-list .cont .title{font-size: 18px;}
	.news-list .cont .edit-box{margin-top: 2.5vw; color: #666;}
	.people .container{width: 100%;}
	.people .top-img{padding-bottom: 7.5vw; border-bottom: 2px solid black;}
	.people .name{font-size: 24px;}
	.contact1 .cont{width: 90%;}
	.contact1{margin-top: 5vw;}
	.contact1 .title{--title1: 22px;}
	.contact2 .title{--title1: 22px;}
	.contact3 .title{--title1: 22px;}
	.contact1 b{font-size: 40px;}
	.contact2{max-width: 90%; padding: 10vw 0;}
	.contact2 .lists{margin-top: 5vw;}
	.recruit .item .top, .recruit .titles{padding: 3.5vw 1vw;}
	.contact3{padding: 10vw 0;}
	.contact3 > .wrapper{max-width: 90%; flex-direction: column;}
	.contact3 > .wrapper > div{width: 100%; max-width: 100%; margin-bottom: 5vw;}
	.contact3 .right .lists .item > div{padding: 3vw; font-size: 12px;}
	.contact3 .right .lists .item{--space: 2vw;}
	.contact3 .right .msg{padding: 3vw; height: 25vw;}
	.contact3 .right .sub{padding: 3vw 0; margin-top: 3vw;}
	.boutique1{width: 90%; margin: 0 auto; padding-bottom: 10vw; flex-direction: column; padding-left: 0;}
	.boutique1 .left{width: 100%;}
	.boutique1 .right{width: 100%;}
	.boutique1 .left{--title1: 26px;}
	.view-more span{font-size: 12px;}
	.boutique1 .view-more{--size: 30vw; margin-bottom: 5vw;}
	.boutique1 .console{width: 50%; height: auto; padding: 3vw 2vw;}
	.boutique1 .right::before{display: none;}
	.boutique2 .top{--title1: 26px; flex-direction: column; align-items: flex-start;}
	.boutique1 .filter{margin-top: 3vw; width: 100%;}
	.boutique2 .filter .item{width: 33.33%;}
	.boutique2 > .wrapper{width: 90%;}
	.boutique2 .list{--num: 1; margin-top: 5vw;}
	.boutique2 .list .item .title{font-size: 18px;}
	.boutique2 .list .item .limit-2{font-size: 12px;}
	.about1 .wrapper{width: 90%;}
	.about1 .title{--title1: 26px; --title2: 16px;}
	.about1 .wrap{flex-direction: column;}
	.about1 .wrap .edit-box{width: 100%; margin-right: 0;}
	.about1 .wrap .list{width: 100%; margin-top: 5vw;}
	.about1 .list .num{font-size: 24px;}
	.about1 .list .num > span{font-size: 20px;}
	.about1 .list .circle{--size: 15vw;}
	.about1 .list .circle .imgbox{width: 6vw;}
	.about1 .list .item{padding-bottom: 5vw; margin-bottom: 5vw;}
	.about2 .item .title .imgbox{width: 7vw;}
	.about2 .item .title{--title1: 18px;}
	.about2 .lists-container{flex-direction: column;}
	.team .swiper-slide.one{width: 100%;}
	.team .swiper-slide.one .imgbox{height: 115vw;}
	.team .swiper-slide.two{width: 100%;}
	.team .swiper-slide.two .part{width: 100%;}
	.team .swiper-slide.two .imgbox{height: 115vw;}
	.team .swiper-slide.two .part:last-child{margin-top: 0; margin-left: 10px;}
	.team .swiper-slide.two .msg{font-size: 14px;}
	.team .console .navigation{width: 25vw;}
	.honor .lists{--num: 1; --space: 5vw; margin-top: 3vw;}
	.honor .item .imgbox{height: 55.5vw;}
	.honor .item .imgbox{margin: 4vw auto 4vw;}
	.honor .item .name{padding-bottom: 5vw;}
	.honor .open-preview{display: none;}
	.service .item{height: 25vw;}
	.service .lists{--num: 2; --space: 10px; margin-top: 5vw;}
	.case .right .console{margin-top: 5vw;}
	.team .wrap{flex-direction: column;}
	.team .swiper-container{height: auto; margin-top: 10vw;}
	.footer .wrap .part{padding: 0; border: none; width: 100%;}
	.footer .wrap .part:first-child{display: none;}
	.loading .txt{width: 50vw; height: auto;}
	.footer .part .qr{width: 33vw; border: none;}
	.about2 .lists .item{width: 90%; justify-content: center; padding-top: 0; border-right: 0;}
	.index5 .s-nav{width: 90%; margin-left: auto; margin-right: 0;}
	.anchor-links .item{
		margin: 0 2vw 2vw;
		padding: 0;
		border: none;
	}
	.recruit .item .cont{flex-direction: column;}
	.recruit .item .cont > div{width: 100%;}
	.contact3 .left .item .imgbox{max-width: 5vw; margin-right: 2.5vw;}
	.contact3 .left .item{color: #555; font-size: 16px;}
	.right_btns{display: none;}
	.anchor-links a{font-size: 16px;}

	:root{
		--normal: 12px;
		--header-height: 70px;
	}
}